#footer {
  width: 100%;
  background-color: #2D3236;
  color: #ffffff;
  margin-top: 80px;
  position: relative;
}
#footer .footer-content {
  width: 1030px;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 25px;
  overflow: hidden;
}
#footer .footer-content a {
  color: #ffffff;
  font-size: 14px;
  line-height: 36px;
}
#footer .footer-content .title {
  font-size: 16px;
  line-height: 50px;
}
#footer .footer-content .left {
  width: 160px;
  float: left;
}
#footer .footer-content .left a {
  display: inline-block;
}
#footer .footer-content .left a:nth-of-type(even) {
  margin-left: 25px;
}
#footer .footer-content .left .mobile {
  cursor: pointer;
  position: relative;
  color: #ffffff !important;
}
#footer .footer-content .left .mobile .logo {
  position: absolute;
  width: 100px;
  height: 100px;
  top: -100px;
  display: none;
}
#footer .footer-content .left .mobile .logo img {
  width: 100%;
  height: 100%;
}
#footer .footer-content .left .mobile:hover .logo {
  display: block;
}
#footer .footer-content .middle {
  width: 550px;
  margin: 0 auto 0 260px;
}
#footer .footer-content .middle .link-wrap {
  height: 144px;
  overflow: hidden;
  margin-left: -25px;
}
#footer .footer-content .middle .link-wrap a {
  display: inline-block;
  margin-left: 25px;
}
#footer .footer-content .substation li {
  display: inline-block;
  margin: 0 10px;
}
#footer .footer-content .right {
  width: 130px;
  text-align: center;
  float: right;
}
#footer .footer-content .right img {
  width: 105px;
  height: 107px;
}
#footer .footer-content .right .explain {
  margin-top: 10px;
}
#footer .footer-content hr {
  background-color: #D4D4D4;
  border: 1px;
  margin: 10px 0;
}
#footer .footer-content .copyright {
  font-size: 14px;
}
#footer .footer-content .copyright img {
  vertical-align: middle;
}
